<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"  
    xmlns:p="http://primefaces.org/ui" 
    xmlns:ui="http://java.sun.com/jsf/facelets"> 
  
    <h:head>  
  	   <h:outputStylesheet library="css" name="main.css" />
  	</h:head>
  	   
  	   
    <h:body>
    

      	
      	<h:outputScript library="js" name="js/jquery-1.7.1.min.js" />
 		
 		<f:verbatim>
 		<script type="text/javascript">

			function consulta() {         
				//var cep = $("#formcliente\\:cep);
				//var cep=document.formcliente.cep.value;
				var cep = $('input[id$="cep"]').val()
				consultaCEP(cep) 
			
			 }
			
			
			function consultaCEP(cep) {
				var urlcep = 'http://localhost:8080/consultacep/address';
			
				$.getJSON(urlcep,{cep:cep},function(json){ 
						 $('input[id$="logradouro"]').val(json.logradouro);
						 $('input[id$="cidade"]').val(json.cidade);
						 $('input[id$="estado"]').val(json.estado);	
						 $('input[id$="pkEndereco"]').val(json.pkEndereco);		
						 			 
						 
				});		
			}

	</script>
</f:verbatim>    	  


	<h:form id="formcliente">
	<div id="main" class="container"> 
  		<div id="header" class="header">
    		<h1>Banco Norne S/A</h1>
  		</div>
	
		<h:messages style="color:red;margin:8px;" />
	
			<p:panelGrid columns="2" style="horizontal-align:center" styleClass="content">
			
			<h:outputText value="#{msgs.tipo}" /> <br/>
			<h:selectOneRadio value="#{intranetMB.cliente.tipoCliente}">
				<f:selectItem itemLabel="Empresa" itemValue="J"/>
				<f:selectItem itemLabel="Individual" itemValue="F"/>
			</h:selectOneRadio> <br/><br/>
			
			<h:outputLabel for="nome" value="#{msgs.nome}" /><br/> 
			<h:inputText id="nome" value="#{intranetMB.cliente.nome}" /><br/><br/> 	
			
			<h:outputLabel for="senha" value="#{msgs.senha}" /><br/> 
			<h:inputSecret id="senha" value="#{intranetMB.cliente.senha}" /><br/><br/> 	
			
			<h:outputLabel for="email" value="#{msgs.email}" /><br/> 
			<h:inputText id="email" value="#{intranetMB.cliente.email}" /><br/><br/> 	

			<h:outputLabel for="grupo" value="#{msgs.inscricao}"  /><br/> 
			<h:inputText id="grupo" value="#{intranetMB.cliente.nuInscricao}" /><br/><br/> 	

			<h:outputLabel for="datanasc" value="#{msgs.dtNasc}" /><br/> 
			<p:calendar id="datanasc" value="#{intranetMB.cliente.dtNascimento}" /><br/><br/>
			
			<h:outputLabel for="telefone" value="#{msgs.telefoneFixo}" /> <br/>
			<h:inputText id="telefone" value="#{intranetMB.cliente.telefonefixo}" /><br/><br/>
			
			<h:outputLabel for="celular" value="#{msgs.celular}" /> <br/>
			<h:inputText id="celular" value="#{intranetMB.cliente.celular}" /><br/><br/>
					
			<h:outputLabel for="cep" value="#{msgs.cep}" /> <br/>
			<h:inputText id="cep" value="#{intranetMB.endereco.cep}" />
			
			<input type="button" onclick="javascript:consulta();" value="#{msgs.cepLookup}" /> <br/><br/>
			
			<h:outputLabel for="logradouro" value="#{msgs.logradouro}" /><br/> 
			<h:inputText id="logradouro" value="#{intranetMB.endereco.logradouro}" /><br/><br/>

			<h:outputLabel for="cidade" value="#{msgs.cidade}" /><br/> 
			<h:inputText id="cidade" value="#{intranetMB.endereco.cidade}" /><br/><br/>

			<h:outputLabel for="estado" value="#{msgs.estado}" /><br/> 
			<h:inputText id="estado" value="#{intranetMB.endereco.estado}" /><br/><br/>

			<h:outputLabel for="complemento" value="#{msgs.complemento}" /><br/> 
			<h:inputText id="complemento" value="#{intranetMB.cliente.edComplemento}" /><br/><br/>
			
			<h:inputHidden id="pkEndereco" value="#{intranetMB.endereco.pkEndereco}" /> <br/>
			<h:inputHidden id="pkCliente" value="#{intranetMB.cliente.pkCliente}" /><br/>
		 	 	
		</p:panelGrid>	
		
		<p:panelGrid columns="4" style="horizontal-align:center">
			<h:commandButton action="#{intranetMB.IncluirCliente()}" value="#{msgs.incluir}"/>
			<h:commandButton action="#{intranetMB.AlterarCliente()}" value="#{msgs.alterar}"/>		
			<h:commandButton action="#{intranetMB.ConsultarClienteporInscricao()}" value="#{msgs.consultar}"/>
		</p:panelGrid>	
	
	  	<div id="trailer" class="footer"> 
    		<h5><a href="menu_intra.xhtml">retornar</a></h5>
  		</div>
	</div>

	</h:form>
	
	</h:body>

</html>